$(function () {
    /* 0:完成 日期插件 和 富文本编辑器插件布局
            注意点： 默认jedate层级是2099， wangeditor层级是10000. 会遮盖日期插件
            解决方案：设置jedate插件的层级高于10000
            */

    /* 0.1 jedate初始化 */
    jeDate("#testico", {
        format: "YYYY-MM-DD",
        multiPane: true, //true 单面板  false:双面板    
        isinitVal: true, //false:不初始化时间  true:初始化时间 
        festival: true, //false：不显示农历    true:显示农历
        zIndex: 10001
        // theme:{ bgcolor:"#f00",color:"#0f0", pnColor:"#00f"}, 
    });
    /* 0.2 wangeditor初始化  */
    const E = window.wangEditor
    const editor = new E('#div1')
    // 或者 const editor = new E( document.getElementById('div1') )
    editor.create()


    //打开页面请求文章分类列表
    $.ajax({
        url: BigNew.category_list,
        type: 'get',
        dataType: 'json',
        data: '',
        success: function (backData) {
            $('.category').html(template('cate-list', backData))
        }
    })

    //1.给file表单元素注册onchange事件
    $('#inputCover').change(function () {
        //1.2 获取用户选择的图片
        let file = this.files[0]
        //1.3 将文件转为src路径
        let url = URL.createObjectURL(file)
        //1.4 将url路径赋值给img标签的src
        $('.article_cover').attr('src', url)
    })


    //点击按钮 保存文章
    $('.btn-release,.btn-draft').click(function () {
        let state = $(this).hasClass('btn-release') ? '已发布' : '草稿'
        //提交表单获取参数
        //formdata默认只能获取表单中的name属性表单  没有name就无法获取
        //解决方案 用append()手动追加
        let fd = new FormData($('form')[0])
        fd.append('date', $('#testico').val())
        fd.append('content',editor.txt.html())
        fd.append('state', state)


        $.ajax({
            url: BigNew.article_publish,
            type: 'post',
            dataType: 'json',
            data: fd,
            contentType: false,
            processData: false,
            success: function (backData) {
                if (backData.code == 200) {
                    alert(backData.msg)
                    //跳转到列表页
                    window.location.href = './article_list.html'

                    $('.level02>li:eq(0)', window.parent.document).click()
                }
            }
        })
        return false
    })
})